<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Cache-control" content="max-age=1700" />

<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
<meta name="MobileOptimized" content="320" />
<meta name="format-detection" content="telephone=no" />


<script type="text/javascript" src="${ctx}/js/jquery.min.js"></script>
<script type="text/javascript" src="${ctx}/js/coke.js"></script> 
<link href="${ctx}/css/wxflow.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/css/fonts/font.css" rel="stylesheet" type="text/css" />

<title>流量购买</title>
<script>
 
</script>
<style type="text/css"> 

.succeed:before {
    font-family:'icomoon';
    content: '\e600';
    font-weight:bold;
    font-size:20px;
    width:30px;
    height:30px;
    text-indent:6px;
    line-height:28px;
    display:inline-block;
    color:#fff;
    background-color:#19BD1D;
    border-radius:100px;
    margin-right:5px;
}
.succeed span{
    color:#9C9C9C;
    font-size:12px;
}
.succeed{
    color:#19BD1D;
    font-size:16px;
    margin:20px;
}
.check{
    width:100%;
    height:250px;
    background-color:#FFFFFF;
    outline:1px #ededed solid;
    text-align: center;
}
.check > p:first-child{
    padding-top:10px;
    font-size:16px;
    line-height:25px;
}
.check > p:nth-child(2){
    font-size:30px;
    border-bottom: 1px #CDCDCD solid;
    width:90%;
    margin:auto;
    line-height:40px;
    padding-bottom:5px;
    margin-bottom:10px
}
.check-list{
    width:90%;
    margin:auto;
}
.check-list > p{
    color:#9C9C9C;
    font-size:14px;
    line-height: 30px;
    text-align:left
}
.check-list > p > span{
    color:#333;
    font-size:14px;
    line-height: 30px;
    text-align: right;
    float:right

}
</style> 
</head>
<body>
        <div id="all"> 
            <p class="succeed">支付成功<span>(点击账单查询充值进度）</span></p>
            <div class="check">
                <p>XX公司</p>
                <p>￥<span>5.00<span></p>
                <div class="check-list">
                    <p>商品<span>30M(送10M)流量-15000239534</span></p> 
                    <p>交易单号<span>312345123512351235135</span></p>
                    <p>交易时间<span>2015-04-08 11:00:30</span></p>
                    <p>当前状态<span>支付成功 等待处理</span></p>
                    <p>支付方式<span>招商银行</span></p>
                </div>
            </div>
        </div>      

</body>
</html>




